<template>
  <div>
    <div class="welcone">
      <h1>Welcome</h1>
      <h1>欢迎使用电商管理系统</h1>
      <p>{{ gettime }}</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Welcome',
  data() {
    return {
      gettime: '' //当前时间
    }
  },
  //在生命周期函数中触发定时器
  created() {
    this.currentTime()
  },
  mounted() {},
  methods: {
    //获取当前时间，进行转换
    getTime: function() {
      var _this = this
      let yy = new Date().getFullYear()
      let mm = new Date().getMonth() + 1
      let dd = new Date().getDate()
      let hh = new Date().getHours()
      let mf =
        new Date().getMinutes() < 10
          ? '0' + new Date().getMinutes()
          : new Date().getMinutes()
      let ss =
        new Date().getSeconds() < 10
          ? '0' + new Date().getSeconds()
          : new Date().getSeconds()
      _this.gettime = yy + '-' + mm + '-' + dd + ' ' + hh + ':' + mf + ':' + ss
    },
    currentTime() {
      //创建定时器每隔半秒
      setInterval(this.getTime, 500)
    }
  }
}
</script>

<style lang="less" scoped>
.welcone{
  font-size: 30px;
  text-align: center;
  text-shadow: 3px 6px 6px #fff;
  padding-top: 100px;
}
</style>
